<!DOCTYPE html>
<html>
	<head>
		<title>Project01</title>
		<link rel="stylesheet" href="style.css" />
 		<script src="jquery-1.10.2.min.js"></script>
 		<script src="script01.js"></script>
      
    
<link rel="stylesheet" href="slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="slider/nivo-slider.css" type="text/css" media="screen" />




	</head>
	<body>
	  <div class="screen">
	     <div class="col-right"> </div> 		  	  		
	      	<div class="content-pane">
	         	<div class="slideshow"> 







<div class="slider-wrapper theme-light">
      <div id="slider" class="nivoSlider">
	     <a href="http://kochguru.at"> 
			 <img src="slider/demo/images/Img00.jpg" data-thumb="slider/demo/images/Img00.jpg" alt="" />
	     </a>
				    
			 <img src="slider/demo/images/Img02.jpg"  />
			 <img src="slider/demo/images/Img03.jpg"  />
 		         <img src="slider/demo/images/Img04.jpg"  />
           <!--   
	   <a href="http://kochguru.at"><img src="slider/demo/images/Img01.jpg"  alt="Professinal -> Ofen Voegel" title="Lecker" /   ></a>
                <img src="slider/demo/images/walle.jpg" data-thumb="slider/images/walle.jpg" alt="" data-transition="slideInLeft" />
                <img src="slider/demo/images/nemo.jpg" data-thumb="slider/demo/images/nemo.jpg" alt="" title="#htmlcaption" />
				-->
       </div>
</div>

    
				<script type="text/javascript" src="slider/demo/scripts/jquery-1.9.0.min.js"></script>
				<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
				<script type="text/javascript">
				
				
				
											$(window).load(function() {
                                $('#slider').nivoSlider(
		                        {
								effect: 'sliceDown', // Specify sets like: 'fold,fade,sliceDown,random'
								slices: 16, // For slice animations
								boxCols: 9, // For box animations
								boxRows: 6, // For box animations
								animSpeed: 2000, // Slide transition speed
								pauseTime: 6000, // How long each slide will show
								startSlide: 0, // Set starting Slide (0 index)
								directionNav: true, // Next & Prev navigation
								controlNav: true, // 1,2,3... navigation
								controlNavThumbs: false, // Use thumbnails for Control Nav
								pauseOnHover: true, // Stop animation while hovering
								manualAdvance: false, // Force manual transitions
								prevText: 'Prev', // Prev directionNav text
								nextText: 'Next', // Next directionNav text
								randomStart: false, // Start on a random slide
								beforeChange: function(){}, // Triggers before a slide transition
								afterChange: function(){}, // Triggers after a slide transition
								slideshowEnd: function(){}, // Triggers after all slides have been shown
								lastSlide: function(){}, // Triggers when last slide is shown
								afterLoad: function(){} // Triggers when slider has loaded
							}
								);
							});
				</script>
		





</div>	
	   			 <div class="header">
				<div class="container">
	<div class="steps">
  	<ul>
    	<li class="step step-1 aktives">
      	<a href="index.php" style="color: #800000">schnell<br /></a>
      </li>
      <li class="step step-2" >
      	<a href="http://jamestombs.co.uk">normal<br /></a>
      </li>
      <li class="step step-3">
      	<a href="http://jamestombs.co.uk">professinal<br /></a>
      </li>

	 <li class="step step-4">
      	<a href="http://jamestombs.co.uk">professinal<br /></a>
      </li>
      </li>

	 <li class="step step-5">
      	<a href="http://jamestombs.co.uk">professinal<br /></a>
      </li>
    </ul>
    </div>
  
</div>	
															
	   			</div>
			
				 	 <br/>

  <div id='cssmenu'> 
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li class='has-sub'><a href='#'><span>Product 1</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>
         <li class='has-sub'><a href='#'><span>Product 2</span></a>
            <ul>
               <li><a href='#'><span>Sub Item</span></a></li>
               <li class='last'><a href='#'><span>Sub Item</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
 </div>
					<!-- <div class="col-left">	 </div>
	 	 			<div class="col-middle"> </div> -->
														
		</div> 				
	  </div>
  	 					

				











</body>
</html>
